// 二级分类页面
$(function() {
    var page = 1;
    var pageSize = 10;
    var count = 0;

    function getSecondData() {
        $.ajax({
            type: 'get',
            url: '/category/querySecondCategoryPaging',
            data: {
                page: page,
                pageSize: pageSize,
            },
            success: function(res) {
                console.log(res);
                if (res) {
                    count = Math.ceil(res.total / pageSize);
                    var html = template('tem-second', res);
                    $('.table').html(html);
                };
            }
        })
    }

    // 页面刷新渲染一次
    getSecondData();

    // 点击上一页
    $('#prevBtn').on('click', function() {
        console.log(11);

        page--;
        if (page < 1) {
            page = 1;
            alert('已经是第一页了');
        };
        getSecondData();
    });

    // 点击下一页
    $('#nextBtn').on('click', function() {
        page++;
        if (page > count) {
            page = count;
            alert('已经是最后一页了');
        };
        getSecondData();
    });


    // 点击添加分类
    $('#addCategory').on('click', function() {
        // 请求一级分类的数据，首先渲染弹出框中select下拉框中一级分类的名称
        $.ajax({
            type: 'get',
            url: '/category/queryTopCategoryPaging',
            data: {
                page: 1,
                pageSize: 100,
            },
            success: function(res) {
                console.log(res);
                var html = template('tem-firstName', res);
                $('#sec-select').html(html);
            }
        });
    });

    // 添加分类的文件上传操作 上传文件按钮添加change事件
    var brandLogo; //用来存储上传图片地址
    $('#unloadFile').on('change', function(e) {
        // 获取文件信息
        var file = e.target.files[0];
        // 实例化FormData
        var formdata = new FormData();
        // 将文件信息存入formdata，键名为file
        // formdata会将文件信息序列化为ajax可识别的数据类型
        formdata.append('file', file);
        $.ajax({
            type: 'post',
            url: '/category/addSecondCategoryPic',
            data: formdata, // formdata直接赋值给data
            processData: false, //formdata已将数据序列化，无需在处理
            contentType: false, //formdata无需设置请求头
            success: function(res) {
                console.log(res);
                brandLogo = res.picAddr;
                // 将图片预览在img标签
                $('#imgshow').attr('src', res.picAddr);
            }
        });
    });

    // 点击保存按钮
    $('#save-sec').on('click', function() {
        var brandName = $.trim($('[name="brandName"]').val());
        // 获取下拉框选中是option的value属性值
        var id = $('#sec-select').val();
        $.ajax({
            type: 'post',
            url: '/category/addSecondCategory',
            data: {
                brandName: brandName,
                categoryId: id,
                brandLogo: brandLogo,
                hot: 1,
            },
            success: function(res) {
                console.log(res);
                if (res.success) {
                    location.reload();
                }
            },
        })
    });

})